﻿/* ============����============== */
*{font-family:'microsoft yahei',Verdana, Arial}
html{overflow-y:scroll;}
body{margin:0;padding:0;border:0;height:100%;text-align:left} 
#contain{position: relative;height:100%;padding:10px;margin:10px auto;border:0;}
#content {position:relative;margin:10px auto 10px auto} 
#bottom {position: relative;margin:0px auto} 
#top {position:relative;margin:0px auto;z-index:99} 
#bodyex {position: absolute;left:0;top:0;margin:0} 
#bottomex {position: absolute;left:0;bottom:0;margin:0;z-index:-1} 
#topex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#contentex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#advsex {display:none;position: absolute;width:100%;left:0;bottom:0;margin:0;z-index:-1} 
#showpages{padding-bottom:40px!important;}
.language{float: right; height: 33px; padding: 5px 10px 0px 10px; font-size: 16px;}
.language{border-left: 0px; border-right: 0px; }
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}

.product_head h2{text-align: center; font-size:24px; color:#363534;margin:45px 0px 5px 0px;background: url(../images/title_bg.jpg) center center no-repeat;}
.product_head p{margin:10px 0px 0px 0px; text-align: center; color: #999999; font-size: 13px; padding:0px;}

.product_list{clear: both;  padding:0px;}
.product_img{padding-right: 20px; min-height: 290px;}
.product_img img{margin-right: auto;margin-left: auto;display: block;  max-height: 210px; max-width:262px;height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px;}
.product_title{ text-align: center;padding: 0px 20px 0px 0px; height: 40px;}
.product_title a{ color: #363534;}
.product_title a:hover{text-decoration: none;color:#ff6637;}

.col-sm-4 {
  position: relative;
  min-height: 1px;
  padding-right: 20px;
}
.col-md-3 {
    float: left;
  }
  .opacity_img:hover{opacity: 0.75;}
a.about_more{ display: block; width: 130px; text-align: center; color:#fff!important; padding: 9px 0px; background: #575656;  margin-top:25px; margin-left: 30px;}
a.about_more:hover{color: #fff; background: #ff6637; text-decoration: none;}
/*===��������===*/

.pdv_class{position:absolute;border:0px}


/* ==����== */

div,li,td,p,select,input,textarea,a,button,input{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;text-decoration: none}
ul,li{margin:0px;padding:0px;list-style-type:none}
a:link,a:visited,a:active{color:#505050;text-decoration: none;}
a.nomal:link,a.nomal:visited,a.nomal:active{color:#505050;text-decoration: underline;}
a:hover{color:#ff0000;text-decoration: none;}

/* ============���============== */
form{margin:0;padding:0}
.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#f7f7f7}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;background:#f7f7f7}
.button{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.submit{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.mustfill{color:#ff0000}
select{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;}


/*===ҳ��===*/ 
.pagess {clear: both;padding-top: 30px;padding-bottom:60px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#FF6637; color:#fff;border: 1px solid #FF6637}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #FF6637;padding: 2px 9px;margin: 0 3px;background: #FF6637;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}
/* ==��ʾ��ʽ== */

.msgdiv {color:#336699;padding-left:53px;background:url(../images/chk_msg.gif) 30px no-repeat;}
.errdiv {color:#FF0000;padding-left:53px;background:url(../images/chk_error.gif) 30px no-repeat;}
.rightdiv {color:#505050;padding-left:53px;background:url(../images/chk_right.gif) 30px no-repeat;}
.noticediv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_error.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.okdiv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_right.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.securenotice{line-height:100px;color:#FF0000;text-align:center;}


/* ============��ʾ��Ϣ����============== */
div#alert {display:none;cursor:default;}
div#alert .border{border:1px #97A0AA solid;}
div#alert .ntc{padding:30px;text-align:left;background:#fff;font: 14px/1.6 'microsoft yahei',Verdana, Arial;}
div#alert .buttonzone{padding:15px;text-align:center;background:#f7f7f7;}
div#alert .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
div#alert .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}
div#alert .button{border:1px #97A0AA solid;height:22px;line-height:20px;padding:0px 5px;background:#eee}


/* ============����frame/��󴰿ڲ�============== */
#frmWindow {display:none;cursor:default;}
#frmWindow .border{border:1px #97A0AA solid;}
#frmWindow .ntc{padding:30px;text-align:left;background:#fff;font: 12px/1.6 'microsoft yahei',Verdana, Arial;}
#frmWindow .buttonzone{padding:15px;text-align:center;padding-top:10px;background:#f7f7f7;}
#frmWindow .Frm{width:100%;height:500px;border:0}
#frmWindow .windowcontent{width:100%;height:380px;overflow:auto;background:#fff;border:0}
#frmWindow .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
#frmWindow .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}
